<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/jsp/common/taglibs.jsp"%>

<!DOCTYPE html>
<html>
<head>
<title>security system</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet"
	href="<c:url value="/css/bootstrap.min.css"></c:url>">
<link rel="stylesheet"
	href="<c:url value="/css/bootstrap-datetimepicker.min.css"></c:url>">
</head>
<body>


	<nav class="navbar navbar-inverse" role="navigation">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header" style="margin:10px;">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="#">UUC Bioengineering Ltd.</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse"
			id="bs-example-navbar-collapse-1" style="margin:10px;">

			<ul class="nav navbar-nav navbar-right" style="margin-right:20px;">
				<li><a href="#">${loginedAdmin.admin_ID}</a>
				</li>
				<li><a href="#">${loginedAdmin.admin_Username}</a>
				</li>
				<li><a href="#">Senior Administrator</a>
				</li>
				<li><a
					href='<s:url namespace="/system" action="adminLogout"></s:url>'>Log
						out</a></li>
				</li>
			</ul>
		</div>
		<!-- /.navbar-collapse -->
	</nav>
	<div class="row">
		<ol class="breadcrumb" style="padding-left:50px;padding-right:50px;">
			<li><a
				href='<s:url namespace="/senioradmin" action="homeAction"/>'>Home</a>
			</li>
			<li><a href="">Create User</a>
			</li>
		</ol>
	</div>
	<div class="container">
		<div class="row" style="margin-top:30px;margin-bottom:20px;">
			<div class="col-lg-4 col-lg-offset-5">
				<label style="font-size:32px;">Create User</label>
			</div>
		</div>

		<s:form cssClass="form-horizontal" role="form" action="create"
			namespace="/senioradmin" method="post"
			onSubmit="return Validator.Validate(this,3)">
			<div class="form-group">
				<label for="inputusername"
					class="col-lg-2 col-lg-offset-1 control-label">UserName</label>
				<div class="col-lg-6 ">
					<s:textfield name="user.user_Name" cssClass="form-control"
						id="inputusername" placeholder="Please enter the UserName"
						datatype="Require" msg="Please enter your username."></s:textfield>
				</div>
			</div>
			<div class="form-group">
				<label class="col-lg-2 col-lg-offset-1 control-label">Title</label>
				<div class="col-lg-6">
					<s:select cssClass="form-control input-lg" name="user.title"
						list="#{'Doctor':'Doctor','Lecturer':'Lecturer'}">
					</s:select>
				</div>
			</div>
			<div class="form-group">
				<label class="col-lg-2 col-lg-offset-1 control-label">Access</label>
				<div class="col-lg-6">
					<s:select cssClass="form-control input-lg" name="user.access_ID"
						list="#{'1':'Area 1','2':'Area 2','3':'Area 3','4':'Area 4'}">
					</s:select>
				</div>
			</div>
			<div class="form-group">
				<label for="dtp_input2"
					class="col-lg-2 col-lg-offset-1 control-label">Expire Date</label>
				<div class="input-group date form_date col-md-5" data-date=""
					data-date-format="dd MM yyyy" data-link-field="dtp_input2"
					data-link-format="yyyy-mm-dd">
					<s:textfield name="user.expire_Date" cssClass="form-control"
						readonly="true" dataType="Require"
						msg="Please set expire date."></s:textfield>
					<span class="input-group-addon"><span
						class="glyphicon glyphicon-remove"></span> </span> <span
						class="input-group-addon"><span
						class="glyphicon glyphicon-calendar"></span> </span>
				</div>
			</div>

			<div class="form-group">
				<div class="col-lg-offset-4 col-lg-2">
					<button type="reset" class="btn btn-primary">cancel</button>
				</div>
				<div class="col-lg-offset-1 col-lg-2">
					<button type="submit" class="btn btn-primary">submit</button>
				</div>
			</div>
		</s:form>
	</div>
	<script src="<c:url value="/js/jquery-1.9.1.min.js"></c:url>"></script>
	<script src="<c:url value="/js/bootstrap.min.js"></c:url>"></script>
	<script
		src="<c:url value="/js/bootstrap-datetimepicker.min.js"></c:url>"></script>
	<script type="text/javascript"
		src="<s:url value="/js/Validator.js"></s:url>"></script>
	<script type="text/javascript">
		$('.form_datetime').datetimepicker({
			//language:  'fr',
			weekStart : 1,
			todayBtn : 1,
			autoclose : 1,
			todayHighlight : 1,
			startView : 2,
			forceParse : 0,
			showMeridian : 1
		});
		$('.form_date').datetimepicker({
			language : 'fr',
			weekStart : 1,
			todayBtn : 1,
			autoclose : 1,
			todayHighlight : 1,
			startView : 2,
			minView : 2,
			forceParse : 0
		});
		$('.form_time').datetimepicker({
			language : 'fr',
			weekStart : 1,
			todayBtn : 1,
			autoclose : 1,
			todayHighlight : 1,
			startView : 1,
			minView : 0,
			maxView : 1,
			forceParse : 0
		});
	</script>
</body>
</html>